<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML>
<html lang="zh-CN">
  <head>
    <base href="<%=basePath%>">
    
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <title>账户设置</title>
    
	<link href="lib/bootstrap-3.3.5/css/bootstrap.min.css" rel="stylesheet">
	<link href="lib/font-awesome-4.5.0/css/font-awesome.min.css" rel="stylesheet">
	
	<link href="designCloud/css/common.css" rel="stylesheet"></link>
	<link href="designCloud/css/client.css" rel="stylesheet"></link>
	
	<script src="lib/jquery/1.11.3/jquery.min.js"></script>
	
	<!--[if lt IE 9]>
      <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    
  </head>
  
  <body class="client-body baseContent-active">
  	<jsp:include page="client-head.jsp"></jsp:include>

  	<div class="client-content">
  		<jsp:include page="client-leftMenu.jsp"></jsp:include>
  	
  		<div class="client-contentBox">
  			<div id="as-title" class="as-title clearfix">
  				<a id="" data-page="baseContent" class="a-black baseBtn" href="javascript:;">基本资料</a>
  				<a id="" data-page="approveContent" class="a-black approveBtn" href="javascript:;">认证资料</a>
  				<a id="" data-page="updatePassContent" class="a-black updatePassBtn" href="javascript:;">修改密码</a>
  			</div>
  		
  			<!-- 基本资料 -->
  			<form id="baseContent" class="form-horizontal as-formBox as-formBox2" style="display: block;">
			  <div class="form-group">
			    <label class="col-sm-3 control-label">手机</label>
			    <div class="col-sm-9">
			     	 已绑定手机号：<span>177****8673</span>
			     	 <a class="btn btn2 a-white as-formStyle" href="javascript:;">更换</a>
			    </div>
			  </div>
			  
			  <div class="form-group">
			    <label class="col-sm-3 control-label">性别</label>
			    <div class="col-sm-9 as-formStyle2">
			    	  男<input type="radio" name="sex" value="男" checked="checked" />
			    	  女<input type="radio" name="sex" value="女" />
			    </div>
			  </div>
			  
			  <div class="form-group">
			    <label class="col-sm-3 control-label">所在地</label>
			    <div class="col-sm-9 as-formStyle2">
			    	<select>
						<option>浙江省</option>
						<option>江苏省</option>
					</select>
			    	<select>
						<option>杭州市</option>
						<option>嘉兴市</option>
					</select>
			    </div>
			  </div>
			  
			  <div class="form-group">
			    <div class="col-sm-offset-3 col-sm-9">
			      <button type="submit" class="btn btn2 a-white as-formStyle3">保存</button>
			    </div>
			  </div>
			  
			  <div class="error-resgister">
					<span id="errorContent">错误提示错误提示错误提示</span><!-- 错误提示 -->
			  </div>
			</form>
  		
  			<!-- 认证资料 -->
  			<form id="approveContent" class="form-horizontal as-formBox as-approveBox" style="display: none;">
	  			<div class="as-approveHead">
	  				<div>企业认证</div>
  					<div>个人认证</div>
	  			</div>
	  			
	  			<!-- 企业认证 -->
	  			<div class="as-firmData" style="display: none;">
					<div class="form-group">
					    <label class="col-xs-3 control-label">公司名称</label>
					    <div class="col-xs-9">
					     	 <input type="text" class="form-control" />
					    </div>
					 </div>
					  
					 <div class="form-group">
					    <label class="col-sm-3 control-label">公司地址</label>
					    <div class="col-sm-9">
					     	 <input type="text" class="form-control" />
					    </div>
					 </div>
					 
					 <div class="form-group">
					    <label class="col-sm-3 control-label">联系人</label>
					    <div class="col-sm-9">
					     	 <input type="text" class="form-control" />
					    </div>
					 </div>
					 
					 <div class="form-group">
					    <label class="col-sm-3 control-label">公司固话</label>
					    <div class="col-sm-9">
					     	 <input type="text" class="form-control" />
					    </div>
					 </div>
					 
					 <div class="form-group">
					    <label class="col-sm-3 control-label">成立时间</label>
					    <div class="col-sm-9 as-formStyle2">
					     	<select>
								<option>2016</option>	
								<option>2015</option>
							</select>
					    </div>
					 </div>
					 
					 <div class="form-group">
					    <label class="col-sm-3 control-label">公司规模</label>
					    <div class="col-sm-9 as-formStyle2">
					     	<select>
								<option>20人以下</option>	
								<option>20-50人</option>
								<option>50-100人</option>
								<option>100-200人</option>
								<option>200人以上</option>
							</select>
					    </div>
					 </div>
					 
					 <div class="form-group">
					    <label class="col-sm-3 control-label">营业执照</label>
					    <div class="col-sm-9 as-formStyle2">
					     	 <input type="file" />
					    </div>
					    <div class="col-sm-offset-3 col-sm-9 as-formStyle4">
					     	 <div>1、该信息只用于审核，身份信息将完全保密</div>
					     	 <div>2、支持JPG、PNG、BMP、GIF格式</div>
					     	 <div>3、文件需小于5M</div>
					    </div>
					 </div>
					  
					  <div class="form-group">
					    <div class="col-sm-offset-3 col-sm-4">
					      <button type="submit" class="btn btn-default as-formStyle3">取消</button>
					    </div>
					    <div class="col-sm-offset-1 col-sm-4">
					      <button type="submit" class="btn btn2 a-white as-formStyle3">提交申请</button>
					    </div>
					  </div>
				  </div>
				  
			    <!-- 个人认证 -->
	  			<div class="as-firmData" style="display: block;">
					<div class="form-group">
					    <label class="col-xs-3 control-label">真实姓名</label>
					    <div class="col-xs-9">
					     	 <input type="text" class="form-control" />
					    </div>
					 </div>
					  
					 <div class="form-group">
					    <label class="col-sm-3 control-label">公司/个人工作室</label>
					    <div class="col-sm-9">
					     	 <input type="text" class="form-control" />
					    </div>
					 </div>
					 
					 <div class="form-group">
					    <label class="col-sm-3 control-label">办公地址</label>
					    <div class="col-sm-9">
					     	 <input type="text" class="form-control" />
					    </div>
					 </div>
					 
					 <div class="form-group">
					    <label class="col-sm-3 control-label">名片</label>
					    <div class="col-sm-9 as-formStyle2">
					     	 <input type="file" />
					    </div>
					    <div class="col-sm-offset-3 col-sm-9 as-formStyle4">
					     	 <div>1、该信息只用于审核，身份信息将完全保密</div>
					     	 <div>2、支持JPG、PNG、BMP、GIF格式</div>
					     	 <div>3、文件需小于5M</div>
					    </div>
					 </div>
					 
					  <div class="form-group">
						    <label class="col-sm-3 control-label">身份证正面</label>
						    <div class="col-sm-9 as-formStyle2">
						     	 <input type="file" />
						    </div>
						    <div class="col-sm-offset-3 col-sm-9 as-formStyle4">
						     	 <div>1、请上传二代彩色身份证</div>
						     	 <div>2、该信息只用于审核，身份信息将完全保密</div>
						     	 <div>3、支持JPG、PNG、BMP、GIF格式</div>
						     	 <div>4、文件需小于5M</div>
						    </div>
					  </div>
					  
					   <div class="form-group">
						    <label class="col-sm-3 control-label">身份证反面</label>
						    <div class="col-sm-9 as-formStyle2">
						     	 <input type="file" />
						    </div>
						    <div class="col-sm-offset-3 col-sm-9 as-formStyle4">
						     	 <div>1、请上传二代彩色身份证</div>
						     	 <div>2、该信息只用于审核，身份信息将完全保密</div>
						     	 <div>3、支持JPG、PNG、BMP、GIF格式</div>
						     	 <div>4、文件需小于5M</div>
						    </div>
						 </div>
						 
						 <div id="as-works"  class="as-works">
						    <div class="form-group">
							    <label class="col-sm-3 control-label">个人作品</label>
							    <div class="col-sm-9 as-formStyle2">
							     	 <input type="file" />
							    </div>
						    </div>
						    <div class="form-group">
							    <label class="col-sm-3 control-label">个人作品</label>
							    <div class="col-sm-9 as-formStyle2">
							     	 <input type="file" />
							    </div>
						    </div>
						</div>
						<div class="form-group">
						    <label class="col-sm-3 control-label">个人作品</label>
						    <div class="col-sm-9 as-formStyle2">
						     	 <input type="file" />
						     	 <a id="as-workAdd" class="as-workAdd" href="javascript:;" >添加</a>
						    </div>
					    </div>
					    
					    <div style="display: none;">
						    <div id="as-workBar" class="form-group" >
							    <label class="col-sm-3 control-label">个人作品</label>
							    <div class="col-sm-9 as-formStyle2">
							     	 <input type="file" />
							    </div>
						    </div>
					    </div><!-- 为JS预留 -->
					  
					  <div class="form-group">
					    <div class="col-sm-offset-3 col-sm-4">
					      <button type="submit" class="btn btn-default as-formStyle3">取消</button>
					    </div>
					    <div class="col-sm-offset-1 col-sm-4">
					      <button type="submit" class="btn btn2 a-white as-formStyle3">提交申请</button>
					    </div>
					  </div>
					  
				  </div><!-- 个人认证 -->
				  
				  <div class="error-resgister">
						<span id="errorContent">错误提示错误提示错误提示</span><!-- 错误提示 -->
				  </div>
			</form>
			
			<!-- 修改密码 -->
  			<form id="updatePassContent" class="form-horizontal as-formBox as-formBox2" style="display: none;">
			  <div class="form-group">
			    <label class="col-sm-3 control-label">原始密码</label>
			    <div class="col-xs-9">
			     	 <input type="text" class="form-control" />
			    </div>
			  </div>
			  
			  <div class="form-group">
			    <label class="col-sm-3 control-label">新密码密码</label>
			    <div class="col-xs-9">
			     	 <input type="text" class="form-control" />
			    </div>
			  </div>
			  
			  <div class="form-group">
			    <label class="col-sm-3 control-label">确认新密码</label>
			    <div class="col-xs-9">
			     	 <input type="text" class="form-control" />
			    </div>
			  </div>
			  
			  <div class="form-group">
			    <div class="col-sm-offset-3 col-sm-9">
			      <button type="submit" class="btn btn2 a-white as-formStyle3">修改</button>
			    </div>
			  </div>
			  
			  <div class="error-resgister">
					<span id="errorContent">错误提示错误提示错误提示</span><!-- 错误提示 -->
			  </div>
			</form>
			
  		</div><!-- as-content -->
  	</div><!-- client-content -->
	
  	<script type="text/javascript">
		$(document).ready(function(){
			contentToggle();//页面切换
			addWork();//添加个人作品
		});
		
		function contentToggle(){
			var tabItems = $("#as-title a");
	        tabItems.each(function() {
	            $(this).click(function(e) {
	                var page = $(this).data("page");
	                setCurrentPage(page);
	                
	                e.preventDefault();
	                return false;
	            });
	        });
		}
		
		var curPage = "baseContent";
		
		function setCurrentPage(newPage) {
			var $body = $(document.body);
	        if (newPage != curPage) {
	            $body.removeClass(curPage + '-active');
	            $body.addClass(newPage + '-active');
	
	            $("#" + curPage).hide();
	            $("#" + newPage).show();
	            curPage = newPage;
	        }
	    }
	    
	    /* <div class="form-group">
		    <label class="col-sm-3 control-label">个人作品</label>
		    <div class="col-sm-9 as-formStyle2">
		     	 <input type="file" />
		    </div>
	    </div> */
	    
	    function addWork(){
	    	$("#as-workAdd").click(function(){
	  			var node=document.getElementById("as-workBar");
	    		
				var areaBar=node.cloneNode(true);
				areaBar = $(areaBar);
 					
 				var areaInput = areaBar.find("input");
 				areaInput.attr("name", "work");//请根据需要重新设置
 				
				$("#as-works").append(areaBar);
				
	    	});
	    }
	</script>
	
  </body>
</html>
